<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
      body{
        background-color: #ccc;
      }
        a:link{
          /*未访问过的状态*/
          color: orange;
        }
        a:visited{
          /*访问之后的状态*/
          color: white;
        }
        a:hover{
          color: skyblue;
        }
        a:active{
          /*鼠标按下去之后的状态*/
          color: green;
          font-size: 30px;
        }
        input:focus{
          /*获得焦点的事件*/
          background-color: pink;
          border: 2px solid red;
        }
    </style>
</head>
<body>
<a href="https://www.xiaomi.com">我是一个超链接</a>

<input type="text">:姓名
</body>
</html>